<template>
	<div class="d-inline-block" style="width: 1px" :style="{ opacity, background: color, height }"></div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
	props: {
		opacity: {
			type: [Number, String],
			default: 1,
		},
		color: {
			type: String,
			default: "#ccc",
		},
		height: {
			type: [String, Number],
			default: "10px",
		},
	},
});
</script>

<style scoped lang="scss"></style>
